<%--
  Created by IntelliJ IDEA.
  User: coliza
  Date: 2014/6/2
  Time: 23:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" pageEncoding="UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<div class="nav-bar">
    <ol class="breadcrumb">
        <li class="breadcrumb-head"><a href="#">系统管理</a></li>
        <li class="breadcrumb-item active"><a href="#">用户管理</a></li>
    </ol>
</div>
<div class="query-pane"></div>
<div class="records table-responsive">
    <div class="toolbar" align="right">
        <div class="insert-btn btn btn-primary" id="insert_import_btn">添加用户</div>
    </div>
    <table class="table table-striped table-bordered table-hover table-condensed" width="800">
        <thead>
        <tr>
            <th width="5%" align="center">编号</th>
            <th width="12%" align="center">用户名</th>
            <th width="12%" align="center">角色</th>
            <th width="10%" align="center">操作</th>
        </tr>
        </thead>
        <tbody class="table-hover">
        <c:if test="${!empty records}">
            <c:forEach items="${records}" var="item" varStatus="index">
                <c:if test="${index.index%2 eq 0}">
                    <tr class="odd">
                        <td>${index.index+1}</td>
                        <td>${item.username}</td>
                        <td>
                            <c:forEach items="${item.roles}" var="role" varStatus="roleIndex">
                                <c:if test="${roleIndex.index eq 0}">
                                    ${role.role}
                                </c:if>
                                <c:if test="${roleIndex.index != 0}">
                                    ,${role.role}
                                </c:if>
                            </c:forEach>
                        </td>
                        <td align="center" valign="center">
                            <a href="#" onclick="deleteItem('${item.id}')">删除</a>&nbsp;
                        </td>
                    </tr>
                </c:if>
                <c:if test="${index.index%2 != 0}">
                    <tr class="even">
                        <td>${index.index+1}</td>
                        <td>${item.username}</td>
                        <td>
                            <c:forEach items="${item.roles}" var="role" varStatus="roleIndex">
                                <c:if test="${roleIndex.index eq 0}">
                                    ${role.role}
                                </c:if>
                                <c:if test="${roleIndex.index != 0}">
                                    ,${role.role}
                                </c:if>
                            </c:forEach>
                        </td>
                        <td align="center" valign="center">
                            <a href="#" onclick="deleteItem('${item.id}')">删除</a>&nbsp;
                        </td>
                    </tr>
                </c:if>
            </c:forEach>
        </c:if>
        </tbody>
    </table>
</div>

<!-- Start 添加销售记录对话框 -->
<!--
<div id="insertDialog" >
<table id="insert-table" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td align="right"><label>销售票号:</label></td><td colspan="3"><input type="input" class="dialog-input-client-n form-control" name="saleNo"/></td>
</tr>
<tr>
<td align="right" width="20%"><label>客户:</label></td><td width="30%">

</td>
<td align="right" width="20%"><label>商品:</label></td><td width="30%"><select name="goodsId">

</td>
</tr>
<tr>
<td align="right"><label>单价:</label></td><td><input type="input" class="dialog-input-address form-control" name="price" /></td>
<td align="right"><label>数量:</label></td><td><input type="input" class="dialog-input-address form-control" name="amount" /></td>
</tr>
<tr>
<td align="right"><label>实收款:</label></td><td><input type="input" class="dialog-input-post form-control" name="paymentMade"/></td>
<td align="right"><label>经手人:</label></td><td><input type="input" class="dialog-input-phone form-control" name="handlerId"/></td>
</tr>
<tr>
<td align="right"><label>操作员:</label></td><td><input type="input" class="dialog-input-fex form-control" name="operatorId"/></td>
<td align="right"><label>销售日期:</label></td><td><input type="input" class="dialog-input-email form-control" name="date"/></td>
</tr>
<tr>
<td align="right"><label>结算方式:</label></td><td>
<select name="payType">
<option value="0">现金</option>
<option value="1">预付</option>
<option value="2">支票</option>
<option value="3">挂账</option>
</select>
</td>
<td align="right"><label>类型:</label></td><td>
<select name="type">
<option value="0">销售</option>
<option value="1">退货</option>
</select></td>
</tr>
</tbody>
</table>
</div>
-->
<!-- 脚本 -->
<!--
<script type="text/javascript">
var insertDialog;
$(function(){
insertDialog =$("#insertDialog").dialog({
autoOpen:false,
title:"添加销售记录",
modal:true,
width:600,
height:400,
resiable:false,
dragable:false
});
$("#insert_import_btn").click(showInsertDialog);
});
function showInsertDialog(){
$("#insertDialog").dialog("option","buttons",[
{
text:"添加",
click:function(){
$.ajax({
url:"${contextPath}/gs/sm?method=insert",
type:"post",
dataType:"json",
data:{
"saleNo":$("#insert-table input[name='saleNo']").val(),
"customerId":$("#insert-table select[name='customerId']").val(),
"goodsId":$("#insert-table select[name='goodsId']").val(),
"price":$("#insert-table input[name='price']").val(),
"amount":$("#insert-table input[name='amount']").val(),
"paymentMade":$("#insert-table input[name='paymentMade']").val(),
"handlerId":$("#insert-table input[name='handlerId']").val(),
"operatorId":$("#insert-table input[name='operatorId']").val(),
"date":$("#insert-table input[name='date']").val(),
"payType":$("#insert-table select[name='payType']").val(),
"type":$("#insert-table select[name='type']").val()
},
success:function(data,dataStatus){
if(insertDialog) {
insertDialog.dialog("close");
}
//.fadeIn(1000,"swing",function(){
//$(this).fadeOut("slow");
//});
},
error:function(e){
//$(this).dialog("close");
}
});
}
},
{
text:"取消",
click:function(e){
$(this).dialog("close");
}
}
]);
if(insertDialog){
insertDialog.dialog("open");
}
}
function deleteItem(id){
$.ajax({
url:"${contextPath}/gs/sm?method=delete",
method:"post",
dataType:"json",
data:{
id:id
},
success:function(data,dataStatus){
if(data.success){
$("<div>删除成功</div>").alert();//.fadeIn(1000,"swing",function(){
//$(this).fadeOut("slow");
//});
location.reload();
}

},
error:function(){
$("<div>删除失败</div>").alert();
}
});
}
</script>
-->